import React, { useState, useEffect } from 'react';
import {
  StepBackwardOutlined,
  StepForwardOutlined,
  FastBackwardOutlined,
  FastForwardOutlined,
  ShrinkOutlined,
  ArrowsAltOutlined,
  DownOutlined,
  UpOutlined,
  LeftOutlined,
  RightOutlined,
  CaretUpOutlined,
  CaretDownOutlined,
  CaretLeftOutlined,
  CaretRightOutlined,
  UpCircleOutlined,
  DownCircleOutlined,
  LeftCircleOutlined,
  RightCircleOutlined,
  DoubleRightOutlined,
  DoubleLeftOutlined,
  VerticalLeftOutlined,
  VerticalRightOutlined,
  VerticalAlignTopOutlined,
  VerticalAlignMiddleOutlined,
  VerticalAlignBottomOutlined,
  ForwardOutlined,
  BackwardOutlined,
  RollbackOutlined,
  EnterOutlined,
  RetweetOutlined,
  SwapOutlined,
  SwapLeftOutlined,
  SwapRightOutlined,
  ArrowUpOutlined,
  ArrowDownOutlined,
  ArrowLeftOutlined,
  ArrowRightOutlined,
  PlayCircleOutlined,
  UpSquareOutlined,
  DownSquareOutlined,
  LeftSquareOutlined,
  RightSquareOutlined,
  LoginOutlined,
  LogoutOutlined,
  MenuFoldOutlined,
  MenuUnfoldOutlined,
  BorderBottomOutlined,
  BorderHorizontalOutlined,
  BorderInnerOutlined,
  BorderOuterOutlined,
  BorderLeftOutlined,
  BorderRightOutlined,
  BorderTopOutlined,
  BorderVerticleOutlined,
  PicCenterOutlined,
  PicLeftOutlined,
  PicRightOutlined,
  RadiusBottomleftOutlined,
  RadiusBottomrightOutlined,
  RadiusUpleftOutlined,
  RadiusUprightOutlined,
  FullscreenOutlined,
  FullscreenExitOutlined,
  QuestionOutlined,
  QuestionCircleOutlined,
  PlusOutlined,
  PlusCircleOutlined,
  PauseOutlined,
  PauseCircleOutlined,
  MinusOutlined,
  MinusCircleOutlined,
  PlusSquareOutlined,
  MinusSquareOutlined,
  InfoOutlined,
  InfoCircleOutlined,
  ExclamationOutlined,
  ExclamationCircleOutlined,
  CloseOutlined,
  CloseCircleOutlined,
  CloseSquareOutlined,
  CheckOutlined,
  CheckCircleOutlined,
  CheckSquareOutlined,
  ClockCircleOutlined,
  WarningOutlined,
  IssuesCloseOutlined,
  StopOutlined,
  EditOutlined,
  FormOutlined,
  CopyOutlined,
  ScissorOutlined,
  DeleteOutlined,
  SnippetsOutlined,
  DiffOutlined,
  HighlightOutlined,
  AlignCenterOutlined,
  AlignLeftOutlined,
  AlignRightOutlined,
  BgColorsOutlined,
  BoldOutlined,
  ItalicOutlined,
  UnderlineOutlined,
  StrikethroughOutlined,
  RedoOutlined,
  UndoOutlined,
  ZoomInOutlined,
  ZoomOutOutlined,
  FontColorsOutlined,
  FontSizeOutlined,
  LineHeightOutlined,
  DashOutlined,
  SmallDashOutlined,
  SortAscendingOutlined,
  SortDescendingOutlined,
  DragOutlined,
  OrderedListOutlined,
  UnorderedListOutlined,
  RadiusSettingOutlined,
  ColumnWidthOutlined,
  ColumnHeightOutlined,
  AreaChartOutlined,
  PieChartOutlined,
  BarChartOutlined,
  DotChartOutlined,
  LineChartOutlined,
  RadarChartOutlined,
  HeatMapOutlined,
  FallOutlined,
  RiseOutlined,
  StockOutlined,
  BoxPlotOutlined,
  FundOutlined,
  SlidersOutlined,
  AndroidOutlined,
  AppleOutlined,
  WindowsOutlined,
  IeOutlined,
  ChromeOutlined,
  GithubOutlined,
  AliwangwangOutlined,
  DingdingOutlined,
  WeiboSquareOutlined,
  WeiboCircleOutlined,
  TaobaoCircleOutlined,
  Html5Outlined,
  WeiboOutlined,
  TwitterOutlined,
  WechatOutlined,
  YoutubeOutlined,
  AlipayCircleOutlined,
  TaobaoOutlined,
  SkypeOutlined,
  QqOutlined,
  MediumWorkmarkOutlined,
  GitlabOutlined,
  MediumOutlined,
  LinkedinOutlined,
  GooglePlusOutlined,
  DropboxOutlined,
  FacebookOutlined,
  CodepenOutlined,
  CodeSandboxOutlined,
  AmazonOutlined,
  GoogleOutlined,
  CodepenCircleOutlined,
  AlipayOutlined,
  AntDesignOutlined,
  AntCloudOutlined,
  AliyunOutlined,
  ZhihuOutlined,
  SlackOutlined,
  SlackSquareOutlined,
  BehanceOutlined,
  BehanceSquareOutlined,
  DribbbleOutlined,
  DribbbleSquareOutlined,
  InstagramOutlined,
  YuqueOutlined,
  AlibabaOutlined,
  YahooOutlined,
  RedditOutlined,
  SketchOutlined,
  AccountBookOutlined,
  AimOutlined,
  AlertOutlined,
  ApartmentOutlined,
  ApiOutlined,
  AppstoreAddOutlined,
  AppstoreOutlined,
  AudioOutlined,
  AudioMutedOutlined,
  AuditOutlined,
  BankOutlined,
  BarcodeOutlined,
  BarsOutlined,
  BellOutlined,
  BlockOutlined,
  BookOutlined,
  BorderOutlined,
  BorderlessTableOutlined,
  BranchesOutlined,
  BugOutlined,
  BuildOutlined,
  BulbOutlined,
  CalculatorOutlined,
  CalendarOutlined,
  CameraOutlined,
  CarOutlined,
  CarryOutOutlined,
  CiCircleOutlined,
  CiOutlined,
  ClearOutlined,
  CloudDownloadOutlined,
  CloudOutlined,
  CloudServerOutlined,
  CloudSyncOutlined,
  CloudUploadOutlined,
  ClusterOutlined,
  CodeOutlined,
  CoffeeOutlined,
  CommentOutlined,
  CompassOutlined,
  CompressOutlined,
  ConsoleSqlOutlined,
  ContactsOutlined,
  ContainerOutlined,
  ControlOutlined,
  CopyrightCircleOutlined,
  CopyrightOutlined,
  CreditCardOutlined,
  CrownOutlined,
  CustomerServiceOutlined,
  DashboardOutlined,
  DatabaseOutlined,
  DeleteColumnOutlined,
  DeleteRowOutlined,
  DeliveredProcedureOutlined,
  DeploymentUnitOutlined,
  DesktopOutlined,
  DingtalkOutlined,
  DisconnectOutlined,
  DislikeOutlined,
  DollarCircleOutlined,
  DollarOutlined,
  DownloadOutlined,
  EllipsisOutlined,
  EnvironmentOutlined,
  EuroCircleOutlined,
  EuroOutlined,
  ExceptionOutlined,
  ExpandAltOutlined,
  ExpandOutlined,
  ExperimentOutlined,
  ExportOutlined,
  EyeOutlined,
  EyeInvisibleOutlined,
  FieldBinaryOutlined,
  FieldNumberOutlined,
  FieldStringOutlined,
  FieldTimeOutlined,
  FileAddOutlined,
  FileDoneOutlined,
  FileExcelOutlined,
  FileExclamationOutlined,
  FileOutlined,
  FileGifOutlined,
  FileImageOutlined,
  FileJpgOutlined,
  FileMarkdownOutlined,
  FilePdfOutlined,
  FilePptOutlined,
  FileProtectOutlined,
  FileSearchOutlined,
  FileSyncOutlined,
  FileTextOutlined,
  FileUnknownOutlined,
  FileWordOutlined,
  FileZipOutlined,
  FilterOutlined,
  FireOutlined,
  FlagOutlined,
  FolderAddOutlined,
  FolderOutlined,
  FolderOpenOutlined,
  FolderViewOutlined,
  ForkOutlined,
  FormatPainterOutlined,
  FrownOutlined,
  FunctionOutlined,
  FundProjectionScreenOutlined,
  FundViewOutlined,
  FunnelPlotOutlined,
  GatewayOutlined,
  GifOutlined,
  GiftOutlined,
  GlobalOutlined,
  GoldOutlined,
  GroupOutlined,
  HddOutlined,
  HeartOutlined,
  HistoryOutlined,
  HomeOutlined,
  HourglassOutlined,
  IdcardOutlined,
  ImportOutlined,
  InboxOutlined,
  InsertRowAboveOutlined,
  InsertRowBelowOutlined,
  InsertRowLeftOutlined,
  InsertRowRightOutlined,
  InsuranceOutlined,
  InteractionOutlined,
  KeyOutlined,
  LaptopOutlined,
  LayoutOutlined,
  LikeOutlined,
  LineOutlined,
  LinkOutlined,
  Loading3QuartersOutlined,
  LoadingOutlined,
  LockOutlined,
  MacCommandOutlined,
  MailOutlined,
  ManOutlined,
  MedicineBoxOutlined,
  MehOutlined,
  MenuOutlined,
  MergeCellsOutlined,
  MessageOutlined,
  MobileOutlined,
  MoneyCollectOutlined,
  MonitorOutlined,
  MoreOutlined,
  NodeCollapseOutlined,
  NodeExpandOutlined,
  NodeIndexOutlined,
  NotificationOutlined,
  NumberOutlined,
  OneToOneOutlined,
  PaperClipOutlined,
  PartitionOutlined,
  PayCircleOutlined,
  PercentageOutlined,
  PhoneOutlined,
  PictureOutlined,
  PlaySquareOutlined,
  PoundCircleOutlined,
  PoundOutlined,
  PoweroffOutlined,
  PrinterOutlined,
  ProfileOutlined,
  ProjectOutlined,
  PropertySafetyOutlined,
  PullRequestOutlined,
  PushpinOutlined,
  QrcodeOutlined,
  ReadOutlined,
  ReconciliationOutlined,
  RedEnvelopeOutlined,
  ReloadOutlined,
  RestOutlined,
  RobotOutlined,
  RocketOutlined,
  RotateLeftOutlined,
  RotateRightOutlined,
  SafetyCertificateOutlined,
  SafetyOutlined,
  SaveOutlined,
  ScanOutlined,
  ScheduleOutlined,
  SearchOutlined,
  SecurityScanOutlined,
  SelectOutlined,
  SendOutlined,
  SettingOutlined,
  ShakeOutlined,
  ShareAltOutlined,
  ShopOutlined,
  ShoppingCartOutlined,
  ShoppingOutlined,
  SisternodeOutlined,
  SkinOutlined,
  SmileOutlined,
  SolutionOutlined,
  SoundOutlined,
  SplitCellsOutlined,
  StarOutlined,
  SubnodeOutlined,
  SwitcherOutlined,
  SyncOutlined,
  TableOutlined,
  TabletOutlined,
  TagOutlined,
  TagsOutlined,
  TeamOutlined,
  ThunderboltOutlined,
  ToTopOutlined,
  ToolOutlined,
  TrademarkCircleOutlined,
  TrademarkOutlined,
  TransactionOutlined,
  TranslationOutlined,
  TrophyOutlined,
  UngroupOutlined,
  UnlockOutlined,
  UploadOutlined,
  UsbOutlined,
  UserAddOutlined,
  UserDeleteOutlined,
  UserOutlined,
  UserSwitchOutlined,
  UsergroupAddOutlined,
  UsergroupDeleteOutlined,
  VerifiedOutlined,
  VideoCameraAddOutlined,
  VideoCameraOutlined,
  WalletOutlined,
  WhatsAppOutlined,
  WifiOutlined,
  WomanOutlined,
} from '@ant-design/icons';

// 定义传参
interface SysIconParams {
  type: string;
  style?: any;
}

/**
 * 系统图标
 *
 * @author zhangby
 * @date 22/9/20 6:10 pm
 */
const SysIcon: React.FC<SysIconParams> = (props) => {
  const { type, style } = props;
  return (
    <>
      {'StepBackwardOutlined' === type ? <StepBackwardOutlined style={{ ...style }} /> : null}
      {'StepForwardOutlined' === type ? <StepForwardOutlined style={{ ...style }} /> : null}
      {'FastBackwardOutlined' === type ? <FastBackwardOutlined style={{ ...style }} /> : null}
      {'FastForwardOutlined' === type ? <FastForwardOutlined style={{ ...style }} /> : null}
      {'ShrinkOutlined' === type ? <ShrinkOutlined style={{ ...style }} /> : null}
      {'ArrowsAltOutlined' === type ? <ArrowsAltOutlined style={{ ...style }} /> : null}
      {'DownOutlined' === type ? <DownOutlined style={{ ...style }} /> : null}
      {'UpOutlined' === type ? <UpOutlined style={{ ...style }} /> : null}
      {'LeftOutlined' === type ? <LeftOutlined style={{ ...style }} /> : null}
      {'RightOutlined' === type ? <RightOutlined style={{ ...style }} /> : null}
      {'CaretUpOutlined' === type ? <CaretUpOutlined style={{ ...style }} /> : null}
      {'CaretDownOutlined' === type ? <CaretDownOutlined style={{ ...style }} /> : null}
      {'CaretLeftOutlined' === type ? <CaretLeftOutlined style={{ ...style }} /> : null}
      {'CaretRightOutlined' === type ? <CaretRightOutlined style={{ ...style }} /> : null}
      {'UpCircleOutlined' === type ? <UpCircleOutlined style={{ ...style }} /> : null}
      {'DownCircleOutlined' === type ? <DownCircleOutlined style={{ ...style }} /> : null}
      {'LeftCircleOutlined' === type ? <LeftCircleOutlined style={{ ...style }} /> : null}
      {'RightCircleOutlined' === type ? <RightCircleOutlined style={{ ...style }} /> : null}
      {'DoubleRightOutlined' === type ? <DoubleRightOutlined style={{ ...style }} /> : null}
      {'DoubleLeftOutlined' === type ? <DoubleLeftOutlined style={{ ...style }} /> : null}
      {'VerticalLeftOutlined' === type ? <VerticalLeftOutlined style={{ ...style }} /> : null}
      {'VerticalRightOutlined' === type ? <VerticalRightOutlined style={{ ...style }} /> : null}
      {'VerticalAlignTopOutlined' === type ? (
        <VerticalAlignTopOutlined style={{ ...style }} />
      ) : null}
      {'VerticalAlignMiddleOutlined' === type ? (
        <VerticalAlignMiddleOutlined style={{ ...style }} />
      ) : null}
      {'VerticalAlignBottomOutlined' === type ? (
        <VerticalAlignBottomOutlined style={{ ...style }} />
      ) : null}
      {'ForwardOutlined' === type ? <ForwardOutlined style={{ ...style }} /> : null}
      {'BackwardOutlined' === type ? <BackwardOutlined style={{ ...style }} /> : null}
      {'RollbackOutlined' === type ? <RollbackOutlined style={{ ...style }} /> : null}
      {'EnterOutlined' === type ? <EnterOutlined style={{ ...style }} /> : null}
      {'RetweetOutlined' === type ? <RetweetOutlined style={{ ...style }} /> : null}
      {'SwapOutlined' === type ? <SwapOutlined style={{ ...style }} /> : null}
      {'SwapLeftOutlined' === type ? <SwapLeftOutlined style={{ ...style }} /> : null}
      {'SwapRightOutlined' === type ? <SwapRightOutlined style={{ ...style }} /> : null}
      {'ArrowUpOutlined' === type ? <ArrowUpOutlined style={{ ...style }} /> : null}
      {'ArrowDownOutlined' === type ? <ArrowDownOutlined style={{ ...style }} /> : null}
      {'ArrowLeftOutlined' === type ? <ArrowLeftOutlined style={{ ...style }} /> : null}
      {'ArrowRightOutlined' === type ? <ArrowRightOutlined style={{ ...style }} /> : null}
      {'PlayCircleOutlined' === type ? <PlayCircleOutlined style={{ ...style }} /> : null}
      {'UpSquareOutlined' === type ? <UpSquareOutlined style={{ ...style }} /> : null}
      {'DownSquareOutlined' === type ? <DownSquareOutlined style={{ ...style }} /> : null}
      {'LeftSquareOutlined' === type ? <LeftSquareOutlined style={{ ...style }} /> : null}
      {'RightSquareOutlined' === type ? <RightSquareOutlined style={{ ...style }} /> : null}
      {'LoginOutlined' === type ? <LoginOutlined style={{ ...style }} /> : null}
      {'LogoutOutlined' === type ? <LogoutOutlined style={{ ...style }} /> : null}
      {'MenuFoldOutlined' === type ? <MenuFoldOutlined style={{ ...style }} /> : null}
      {'MenuUnfoldOutlined' === type ? <MenuUnfoldOutlined style={{ ...style }} /> : null}
      {'BorderBottomOutlined' === type ? <BorderBottomOutlined style={{ ...style }} /> : null}
      {'BorderHorizontalOutlined' === type ? (
        <BorderHorizontalOutlined style={{ ...style }} />
      ) : null}
      {'BorderInnerOutlined' === type ? <BorderInnerOutlined style={{ ...style }} /> : null}
      {'BorderOuterOutlined' === type ? <BorderOuterOutlined style={{ ...style }} /> : null}
      {'BorderLeftOutlined' === type ? <BorderLeftOutlined style={{ ...style }} /> : null}
      {'BorderRightOutlined' === type ? <BorderRightOutlined style={{ ...style }} /> : null}
      {'BorderTopOutlined' === type ? <BorderTopOutlined style={{ ...style }} /> : null}
      {'BorderVerticleOutlined' === type ? <BorderVerticleOutlined style={{ ...style }} /> : null}
      {'PicCenterOutlined' === type ? <PicCenterOutlined style={{ ...style }} /> : null}
      {'PicLeftOutlined' === type ? <PicLeftOutlined style={{ ...style }} /> : null}
      {'PicRightOutlined' === type ? <PicRightOutlined style={{ ...style }} /> : null}
      {'RadiusBottomleftOutlined' === type ? (
        <RadiusBottomleftOutlined style={{ ...style }} />
      ) : null}
      {'RadiusBottomrightOutlined' === type ? (
        <RadiusBottomrightOutlined style={{ ...style }} />
      ) : null}
      {'RadiusUpleftOutlined' === type ? <RadiusUpleftOutlined style={{ ...style }} /> : null}
      {'RadiusUprightOutlined' === type ? <RadiusUprightOutlined style={{ ...style }} /> : null}
      {'FullscreenOutlined' === type ? <FullscreenOutlined style={{ ...style }} /> : null}
      {'FullscreenExitOutlined' === type ? <FullscreenExitOutlined style={{ ...style }} /> : null}
      {'QuestionOutlined' === type ? <QuestionOutlined style={{ ...style }} /> : null}
      {'QuestionCircleOutlined' === type ? <QuestionCircleOutlined style={{ ...style }} /> : null}
      {'PlusOutlined' === type ? <PlusOutlined style={{ ...style }} /> : null}
      {'PlusCircleOutlined' === type ? <PlusCircleOutlined style={{ ...style }} /> : null}
      {'PauseOutlined' === type ? <PauseOutlined style={{ ...style }} /> : null}
      {'PauseCircleOutlined' === type ? <PauseCircleOutlined style={{ ...style }} /> : null}
      {'MinusOutlined' === type ? <MinusOutlined style={{ ...style }} /> : null}
      {'MinusCircleOutlined' === type ? <MinusCircleOutlined style={{ ...style }} /> : null}
      {'PlusSquareOutlined' === type ? <PlusSquareOutlined style={{ ...style }} /> : null}
      {'MinusSquareOutlined' === type ? <MinusSquareOutlined style={{ ...style }} /> : null}
      {'InfoOutlined' === type ? <InfoOutlined style={{ ...style }} /> : null}
      {'InfoCircleOutlined' === type ? <InfoCircleOutlined style={{ ...style }} /> : null}
      {'ExclamationOutlined' === type ? <ExclamationOutlined style={{ ...style }} /> : null}
      {'ExclamationCircleOutlined' === type ? (
        <ExclamationCircleOutlined style={{ ...style }} />
      ) : null}
      {'CloseOutlined' === type ? <CloseOutlined style={{ ...style }} /> : null}
      {'CloseCircleOutlined' === type ? <CloseCircleOutlined style={{ ...style }} /> : null}
      {'CloseSquareOutlined' === type ? <CloseSquareOutlined style={{ ...style }} /> : null}
      {'CheckOutlined' === type ? <CheckOutlined style={{ ...style }} /> : null}
      {'CheckCircleOutlined' === type ? <CheckCircleOutlined style={{ ...style }} /> : null}
      {'CheckSquareOutlined' === type ? <CheckSquareOutlined style={{ ...style }} /> : null}
      {'ClockCircleOutlined' === type ? <ClockCircleOutlined style={{ ...style }} /> : null}
      {'WarningOutlined' === type ? <WarningOutlined style={{ ...style }} /> : null}
      {'IssuesCloseOutlined' === type ? <IssuesCloseOutlined style={{ ...style }} /> : null}
      {'StopOutlined' === type ? <StopOutlined style={{ ...style }} /> : null}
      {'EditOutlined' === type ? <EditOutlined style={{ ...style }} /> : null}
      {'FormOutlined' === type ? <FormOutlined style={{ ...style }} /> : null}
      {'CopyOutlined' === type ? <CopyOutlined style={{ ...style }} /> : null}
      {'ScissorOutlined' === type ? <ScissorOutlined style={{ ...style }} /> : null}
      {'DeleteOutlined' === type ? <DeleteOutlined style={{ ...style }} /> : null}
      {'SnippetsOutlined' === type ? <SnippetsOutlined style={{ ...style }} /> : null}
      {'DiffOutlined' === type ? <DiffOutlined style={{ ...style }} /> : null}
      {'HighlightOutlined' === type ? <HighlightOutlined style={{ ...style }} /> : null}
      {'AlignCenterOutlined' === type ? <AlignCenterOutlined style={{ ...style }} /> : null}
      {'AlignLeftOutlined' === type ? <AlignLeftOutlined style={{ ...style }} /> : null}
      {'AlignRightOutlined' === type ? <AlignRightOutlined style={{ ...style }} /> : null}
      {'BgColorsOutlined' === type ? <BgColorsOutlined style={{ ...style }} /> : null}
      {'BoldOutlined' === type ? <BoldOutlined style={{ ...style }} /> : null}
      {'ItalicOutlined' === type ? <ItalicOutlined style={{ ...style }} /> : null}
      {'UnderlineOutlined' === type ? <UnderlineOutlined style={{ ...style }} /> : null}
      {'StrikethroughOutlined' === type ? <StrikethroughOutlined style={{ ...style }} /> : null}
      {'RedoOutlined' === type ? <RedoOutlined style={{ ...style }} /> : null}
      {'UndoOutlined' === type ? <UndoOutlined style={{ ...style }} /> : null}
      {'ZoomInOutlined' === type ? <ZoomInOutlined style={{ ...style }} /> : null}
      {'ZoomOutOutlined' === type ? <ZoomOutOutlined style={{ ...style }} /> : null}
      {'FontColorsOutlined' === type ? <FontColorsOutlined style={{ ...style }} /> : null}
      {'FontSizeOutlined' === type ? <FontSizeOutlined style={{ ...style }} /> : null}
      {'LineHeightOutlined' === type ? <LineHeightOutlined style={{ ...style }} /> : null}
      {'DashOutlined' === type ? <DashOutlined style={{ ...style }} /> : null}
      {'SmallDashOutlined' === type ? <SmallDashOutlined style={{ ...style }} /> : null}
      {'SortAscendingOutlined' === type ? <SortAscendingOutlined style={{ ...style }} /> : null}
      {'SortDescendingOutlined' === type ? <SortDescendingOutlined style={{ ...style }} /> : null}
      {'DragOutlined' === type ? <DragOutlined style={{ ...style }} /> : null}
      {'OrderedListOutlined' === type ? <OrderedListOutlined style={{ ...style }} /> : null}
      {'UnorderedListOutlined' === type ? <UnorderedListOutlined style={{ ...style }} /> : null}
      {'RadiusSettingOutlined' === type ? <RadiusSettingOutlined style={{ ...style }} /> : null}
      {'ColumnWidthOutlined' === type ? <ColumnWidthOutlined style={{ ...style }} /> : null}
      {'ColumnHeightOutlined' === type ? <ColumnHeightOutlined style={{ ...style }} /> : null}
      {'AreaChartOutlined' === type ? <AreaChartOutlined style={{ ...style }} /> : null}
      {'PieChartOutlined' === type ? <PieChartOutlined style={{ ...style }} /> : null}
      {'BarChartOutlined' === type ? <BarChartOutlined style={{ ...style }} /> : null}
      {'DotChartOutlined' === type ? <DotChartOutlined style={{ ...style }} /> : null}
      {'LineChartOutlined' === type ? <LineChartOutlined style={{ ...style }} /> : null}
      {'RadarChartOutlined' === type ? <RadarChartOutlined style={{ ...style }} /> : null}
      {'HeatMapOutlined' === type ? <HeatMapOutlined style={{ ...style }} /> : null}
      {'FallOutlined' === type ? <FallOutlined style={{ ...style }} /> : null}
      {'RiseOutlined' === type ? <RiseOutlined style={{ ...style }} /> : null}
      {'StockOutlined' === type ? <StockOutlined style={{ ...style }} /> : null}
      {'BoxPlotOutlined' === type ? <BoxPlotOutlined style={{ ...style }} /> : null}
      {'FundOutlined' === type ? <FundOutlined style={{ ...style }} /> : null}
      {'SlidersOutlined' === type ? <SlidersOutlined style={{ ...style }} /> : null}
      {'AndroidOutlined' === type ? <AndroidOutlined style={{ ...style }} /> : null}
      {'AppleOutlined' === type ? <AppleOutlined style={{ ...style }} /> : null}
      {'WindowsOutlined' === type ? <WindowsOutlined style={{ ...style }} /> : null}
      {'IeOutlined' === type ? <IeOutlined style={{ ...style }} /> : null}
      {'ChromeOutlined' === type ? <ChromeOutlined style={{ ...style }} /> : null}
      {'GithubOutlined' === type ? <GithubOutlined style={{ ...style }} /> : null}
      {'AliwangwangOutlined' === type ? <AliwangwangOutlined style={{ ...style }} /> : null}
      {'DingdingOutlined' === type ? <DingdingOutlined style={{ ...style }} /> : null}
      {'WeiboSquareOutlined' === type ? <WeiboSquareOutlined style={{ ...style }} /> : null}
      {'WeiboCircleOutlined' === type ? <WeiboCircleOutlined style={{ ...style }} /> : null}
      {'TaobaoCircleOutlined' === type ? <TaobaoCircleOutlined style={{ ...style }} /> : null}
      {'Html5Outlined' === type ? <Html5Outlined style={{ ...style }} /> : null}
      {'WeiboOutlined' === type ? <WeiboOutlined style={{ ...style }} /> : null}
      {'TwitterOutlined' === type ? <TwitterOutlined style={{ ...style }} /> : null}
      {'WechatOutlined' === type ? <WechatOutlined style={{ ...style }} /> : null}
      {'YoutubeOutlined' === type ? <YoutubeOutlined style={{ ...style }} /> : null}
      {'AlipayCircleOutlined' === type ? <AlipayCircleOutlined style={{ ...style }} /> : null}
      {'TaobaoOutlined' === type ? <TaobaoOutlined style={{ ...style }} /> : null}
      {'SkypeOutlined' === type ? <SkypeOutlined style={{ ...style }} /> : null}
      {'QqOutlined' === type ? <QqOutlined style={{ ...style }} /> : null}
      {'MediumWorkmarkOutlined' === type ? <MediumWorkmarkOutlined style={{ ...style }} /> : null}
      {'GitlabOutlined' === type ? <GitlabOutlined style={{ ...style }} /> : null}
      {'MediumOutlined' === type ? <MediumOutlined style={{ ...style }} /> : null}
      {'LinkedinOutlined' === type ? <LinkedinOutlined style={{ ...style }} /> : null}
      {'GooglePlusOutlined' === type ? <GooglePlusOutlined style={{ ...style }} /> : null}
      {'DropboxOutlined' === type ? <DropboxOutlined style={{ ...style }} /> : null}
      {'FacebookOutlined' === type ? <FacebookOutlined style={{ ...style }} /> : null}
      {'CodepenOutlined' === type ? <CodepenOutlined style={{ ...style }} /> : null}
      {'CodeSandboxOutlined' === type ? <CodeSandboxOutlined style={{ ...style }} /> : null}
      {'AmazonOutlined' === type ? <AmazonOutlined style={{ ...style }} /> : null}
      {'GoogleOutlined' === type ? <GoogleOutlined style={{ ...style }} /> : null}
      {'CodepenCircleOutlined' === type ? <CodepenCircleOutlined style={{ ...style }} /> : null}
      {'AlipayOutlined' === type ? <AlipayOutlined style={{ ...style }} /> : null}
      {'AntDesignOutlined' === type ? <AntDesignOutlined style={{ ...style }} /> : null}
      {'AntCloudOutlined' === type ? <AntCloudOutlined style={{ ...style }} /> : null}
      {'AliyunOutlined' === type ? <AliyunOutlined style={{ ...style }} /> : null}
      {'ZhihuOutlined' === type ? <ZhihuOutlined style={{ ...style }} /> : null}
      {'SlackOutlined' === type ? <SlackOutlined style={{ ...style }} /> : null}
      {'SlackSquareOutlined' === type ? <SlackSquareOutlined style={{ ...style }} /> : null}
      {'BehanceOutlined' === type ? <BehanceOutlined style={{ ...style }} /> : null}
      {'BehanceSquareOutlined' === type ? <BehanceSquareOutlined style={{ ...style }} /> : null}
      {'DribbbleOutlined' === type ? <DribbbleOutlined style={{ ...style }} /> : null}
      {'DribbbleSquareOutlined' === type ? <DribbbleSquareOutlined style={{ ...style }} /> : null}
      {'InstagramOutlined' === type ? <InstagramOutlined style={{ ...style }} /> : null}
      {'YuqueOutlined' === type ? <YuqueOutlined style={{ ...style }} /> : null}
      {'AlibabaOutlined' === type ? <AlibabaOutlined style={{ ...style }} /> : null}
      {'YahooOutlined' === type ? <YahooOutlined style={{ ...style }} /> : null}
      {'RedditOutlined' === type ? <RedditOutlined style={{ ...style }} /> : null}
      {'SketchOutlined' === type ? <SketchOutlined style={{ ...style }} /> : null}
      {'AccountBookOutlined' === type ? <AccountBookOutlined style={{ ...style }} /> : null}
      {'AimOutlined' === type ? <AimOutlined style={{ ...style }} /> : null}
      {'AlertOutlined' === type ? <AlertOutlined style={{ ...style }} /> : null}
      {'ApartmentOutlined' === type ? <ApartmentOutlined style={{ ...style }} /> : null}
      {'ApiOutlined' === type ? <ApiOutlined style={{ ...style }} /> : null}
      {'AppstoreAddOutlined' === type ? <AppstoreAddOutlined style={{ ...style }} /> : null}
      {'AppstoreOutlined' === type ? <AppstoreOutlined style={{ ...style }} /> : null}
      {'AudioOutlined' === type ? <AudioOutlined style={{ ...style }} /> : null}
      {'AudioMutedOutlined' === type ? <AudioMutedOutlined style={{ ...style }} /> : null}
      {'AuditOutlined' === type ? <AuditOutlined style={{ ...style }} /> : null}
      {'BankOutlined' === type ? <BankOutlined style={{ ...style }} /> : null}
      {'BarcodeOutlined' === type ? <BarcodeOutlined style={{ ...style }} /> : null}
      {'BarsOutlined' === type ? <BarsOutlined style={{ ...style }} /> : null}
      {'BellOutlined' === type ? <BellOutlined style={{ ...style }} /> : null}
      {'BlockOutlined' === type ? <BlockOutlined style={{ ...style }} /> : null}
      {'BookOutlined' === type ? <BookOutlined style={{ ...style }} /> : null}
      {'BorderOutlined' === type ? <BorderOutlined style={{ ...style }} /> : null}
      {'BorderlessTableOutlined' === type ? <BorderlessTableOutlined style={{ ...style }} /> : null}
      {'BranchesOutlined' === type ? <BranchesOutlined style={{ ...style }} /> : null}
      {'BugOutlined' === type ? <BugOutlined style={{ ...style }} /> : null}
      {'BuildOutlined' === type ? <BuildOutlined style={{ ...style }} /> : null}
      {'BulbOutlined' === type ? <BulbOutlined style={{ ...style }} /> : null}
      {'CalculatorOutlined' === type ? <CalculatorOutlined style={{ ...style }} /> : null}
      {'CalendarOutlined' === type ? <CalendarOutlined style={{ ...style }} /> : null}
      {'CameraOutlined' === type ? <CameraOutlined style={{ ...style }} /> : null}
      {'CarOutlined' === type ? <CarOutlined style={{ ...style }} /> : null}
      {'CarryOutOutlined' === type ? <CarryOutOutlined style={{ ...style }} /> : null}
      {'CiCircleOutlined' === type ? <CiCircleOutlined style={{ ...style }} /> : null}
      {'CiOutlined' === type ? <CiOutlined style={{ ...style }} /> : null}
      {'ClearOutlined' === type ? <ClearOutlined style={{ ...style }} /> : null}
      {'CloudDownloadOutlined' === type ? <CloudDownloadOutlined style={{ ...style }} /> : null}
      {'CloudOutlined' === type ? <CloudOutlined style={{ ...style }} /> : null}
      {'CloudServerOutlined' === type ? <CloudServerOutlined style={{ ...style }} /> : null}
      {'CloudSyncOutlined' === type ? <CloudSyncOutlined style={{ ...style }} /> : null}
      {'CloudUploadOutlined' === type ? <CloudUploadOutlined style={{ ...style }} /> : null}
      {'ClusterOutlined' === type ? <ClusterOutlined style={{ ...style }} /> : null}
      {'CodeOutlined' === type ? <CodeOutlined style={{ ...style }} /> : null}
      {'CoffeeOutlined' === type ? <CoffeeOutlined style={{ ...style }} /> : null}
      {'CommentOutlined' === type ? <CommentOutlined style={{ ...style }} /> : null}
      {'CompassOutlined' === type ? <CompassOutlined style={{ ...style }} /> : null}
      {'CompressOutlined' === type ? <CompressOutlined style={{ ...style }} /> : null}
      {'ConsoleSqlOutlined' === type ? <ConsoleSqlOutlined style={{ ...style }} /> : null}
      {'ContactsOutlined' === type ? <ContactsOutlined style={{ ...style }} /> : null}
      {'ContainerOutlined' === type ? <ContainerOutlined style={{ ...style }} /> : null}
      {'ControlOutlined' === type ? <ControlOutlined style={{ ...style }} /> : null}
      {'CopyrightCircleOutlined' === type ? <CopyrightCircleOutlined style={{ ...style }} /> : null}
      {'CopyrightOutlined' === type ? <CopyrightOutlined style={{ ...style }} /> : null}
      {'CreditCardOutlined' === type ? <CreditCardOutlined style={{ ...style }} /> : null}
      {'CrownOutlined' === type ? <CrownOutlined style={{ ...style }} /> : null}
      {'CustomerServiceOutlined' === type ? <CustomerServiceOutlined style={{ ...style }} /> : null}
      {'DashboardOutlined' === type ? <DashboardOutlined style={{ ...style }} /> : null}
      {'DatabaseOutlined' === type ? <DatabaseOutlined style={{ ...style }} /> : null}
      {'DeleteColumnOutlined' === type ? <DeleteColumnOutlined style={{ ...style }} /> : null}
      {'DeleteRowOutlined' === type ? <DeleteRowOutlined style={{ ...style }} /> : null}
      {'DeliveredProcedureOutlined' === type ? (
        <DeliveredProcedureOutlined style={{ ...style }} />
      ) : null}
      {'DeploymentUnitOutlined' === type ? <DeploymentUnitOutlined style={{ ...style }} /> : null}
      {'DesktopOutlined' === type ? <DesktopOutlined style={{ ...style }} /> : null}
      {'DingtalkOutlined' === type ? <DingtalkOutlined style={{ ...style }} /> : null}
      {'DisconnectOutlined' === type ? <DisconnectOutlined style={{ ...style }} /> : null}
      {'DislikeOutlined' === type ? <DislikeOutlined style={{ ...style }} /> : null}
      {'DollarCircleOutlined' === type ? <DollarCircleOutlined style={{ ...style }} /> : null}
      {'DollarOutlined' === type ? <DollarOutlined style={{ ...style }} /> : null}
      {'DownloadOutlined' === type ? <DownloadOutlined style={{ ...style }} /> : null}
      {'EllipsisOutlined' === type ? <EllipsisOutlined style={{ ...style }} /> : null}
      {'EnvironmentOutlined' === type ? <EnvironmentOutlined style={{ ...style }} /> : null}
      {'EuroCircleOutlined' === type ? <EuroCircleOutlined style={{ ...style }} /> : null}
      {'EuroOutlined' === type ? <EuroOutlined style={{ ...style }} /> : null}
      {'ExceptionOutlined' === type ? <ExceptionOutlined style={{ ...style }} /> : null}
      {'ExpandAltOutlined' === type ? <ExpandAltOutlined style={{ ...style }} /> : null}
      {'ExpandOutlined' === type ? <ExpandOutlined style={{ ...style }} /> : null}
      {'ExperimentOutlined' === type ? <ExperimentOutlined style={{ ...style }} /> : null}
      {'ExportOutlined' === type ? <ExportOutlined style={{ ...style }} /> : null}
      {'EyeOutlined' === type ? <EyeOutlined style={{ ...style }} /> : null}
      {'EyeInvisibleOutlined' === type ? <EyeInvisibleOutlined style={{ ...style }} /> : null}
      {'FieldBinaryOutlined' === type ? <FieldBinaryOutlined style={{ ...style }} /> : null}
      {'FieldNumberOutlined' === type ? <FieldNumberOutlined style={{ ...style }} /> : null}
      {'FieldStringOutlined' === type ? <FieldStringOutlined style={{ ...style }} /> : null}
      {'FieldTimeOutlined' === type ? <FieldTimeOutlined style={{ ...style }} /> : null}
      {'FileAddOutlined' === type ? <FileAddOutlined style={{ ...style }} /> : null}
      {'FileDoneOutlined' === type ? <FileDoneOutlined style={{ ...style }} /> : null}
      {'FileExcelOutlined' === type ? <FileExcelOutlined style={{ ...style }} /> : null}
      {'FileExclamationOutlined' === type ? <FileExclamationOutlined style={{ ...style }} /> : null}
      {'FileOutlined' === type ? <FileOutlined style={{ ...style }} /> : null}
      {'FileGifOutlined' === type ? <FileGifOutlined style={{ ...style }} /> : null}
      {'FileImageOutlined' === type ? <FileImageOutlined style={{ ...style }} /> : null}
      {'FileJpgOutlined' === type ? <FileJpgOutlined style={{ ...style }} /> : null}
      {'FileMarkdownOutlined' === type ? <FileMarkdownOutlined style={{ ...style }} /> : null}
      {'FilePdfOutlined' === type ? <FilePdfOutlined style={{ ...style }} /> : null}
      {'FilePptOutlined' === type ? <FilePptOutlined style={{ ...style }} /> : null}
      {'FileProtectOutlined' === type ? <FileProtectOutlined style={{ ...style }} /> : null}
      {'FileSearchOutlined' === type ? <FileSearchOutlined style={{ ...style }} /> : null}
      {'FileSyncOutlined' === type ? <FileSyncOutlined style={{ ...style }} /> : null}
      {'FileTextOutlined' === type ? <FileTextOutlined style={{ ...style }} /> : null}
      {'FileUnknownOutlined' === type ? <FileUnknownOutlined style={{ ...style }} /> : null}
      {'FileWordOutlined' === type ? <FileWordOutlined style={{ ...style }} /> : null}
      {'FileZipOutlined' === type ? <FileZipOutlined style={{ ...style }} /> : null}
      {'FilterOutlined' === type ? <FilterOutlined style={{ ...style }} /> : null}
      {'FireOutlined' === type ? <FireOutlined style={{ ...style }} /> : null}
      {'FlagOutlined' === type ? <FlagOutlined style={{ ...style }} /> : null}
      {'FolderAddOutlined' === type ? <FolderAddOutlined style={{ ...style }} /> : null}
      {'FolderOutlined' === type ? <FolderOutlined style={{ ...style }} /> : null}
      {'FolderOpenOutlined' === type ? <FolderOpenOutlined style={{ ...style }} /> : null}
      {'FolderViewOutlined' === type ? <FolderViewOutlined style={{ ...style }} /> : null}
      {'ForkOutlined' === type ? <ForkOutlined style={{ ...style }} /> : null}
      {'FormatPainterOutlined' === type ? <FormatPainterOutlined style={{ ...style }} /> : null}
      {'FrownOutlined' === type ? <FrownOutlined style={{ ...style }} /> : null}
      {'FunctionOutlined' === type ? <FunctionOutlined style={{ ...style }} /> : null}
      {'FundProjectionScreenOutlined' === type ? (
        <FundProjectionScreenOutlined style={{ ...style }} />
      ) : null}
      {'FundViewOutlined' === type ? <FundViewOutlined style={{ ...style }} /> : null}
      {'FunnelPlotOutlined' === type ? <FunnelPlotOutlined style={{ ...style }} /> : null}
      {'GatewayOutlined' === type ? <GatewayOutlined style={{ ...style }} /> : null}
      {'GifOutlined' === type ? <GifOutlined style={{ ...style }} /> : null}
      {'GiftOutlined' === type ? <GiftOutlined style={{ ...style }} /> : null}
      {'GlobalOutlined' === type ? <GlobalOutlined style={{ ...style }} /> : null}
      {'GoldOutlined' === type ? <GoldOutlined style={{ ...style }} /> : null}
      {'GroupOutlined' === type ? <GroupOutlined style={{ ...style }} /> : null}
      {'HddOutlined' === type ? <HddOutlined style={{ ...style }} /> : null}
      {'HeartOutlined' === type ? <HeartOutlined style={{ ...style }} /> : null}
      {'HistoryOutlined' === type ? <HistoryOutlined style={{ ...style }} /> : null}
      {'HomeOutlined' === type ? <HomeOutlined style={{ ...style }} /> : null}
      {'HourglassOutlined' === type ? <HourglassOutlined style={{ ...style }} /> : null}
      {'IdcardOutlined' === type ? <IdcardOutlined style={{ ...style }} /> : null}
      {'ImportOutlined' === type ? <ImportOutlined style={{ ...style }} /> : null}
      {'InboxOutlined' === type ? <InboxOutlined style={{ ...style }} /> : null}
      {'InsertRowAboveOutlined' === type ? <InsertRowAboveOutlined style={{ ...style }} /> : null}
      {'InsertRowBelowOutlined' === type ? <InsertRowBelowOutlined style={{ ...style }} /> : null}
      {'InsertRowLeftOutlined' === type ? <InsertRowLeftOutlined style={{ ...style }} /> : null}
      {'InsertRowRightOutlined' === type ? <InsertRowRightOutlined style={{ ...style }} /> : null}
      {'InsuranceOutlined' === type ? <InsuranceOutlined style={{ ...style }} /> : null}
      {'InteractionOutlined' === type ? <InteractionOutlined style={{ ...style }} /> : null}
      {'KeyOutlined' === type ? <KeyOutlined style={{ ...style }} /> : null}
      {'LaptopOutlined' === type ? <LaptopOutlined style={{ ...style }} /> : null}
      {'LayoutOutlined' === type ? <LayoutOutlined style={{ ...style }} /> : null}
      {'LikeOutlined' === type ? <LikeOutlined style={{ ...style }} /> : null}
      {'LineOutlined' === type ? <LineOutlined style={{ ...style }} /> : null}
      {'LinkOutlined' === type ? <LinkOutlined style={{ ...style }} /> : null}
      {'Loading3QuartersOutlined' === type ? (
        <Loading3QuartersOutlined style={{ ...style }} />
      ) : null}
      {'LoadingOutlined' === type ? <LoadingOutlined style={{ ...style }} /> : null}
      {'LockOutlined' === type ? <LockOutlined style={{ ...style }} /> : null}
      {'MacCommandOutlined' === type ? <MacCommandOutlined style={{ ...style }} /> : null}
      {'MailOutlined' === type ? <MailOutlined style={{ ...style }} /> : null}
      {'ManOutlined' === type ? <ManOutlined style={{ ...style }} /> : null}
      {'MedicineBoxOutlined' === type ? <MedicineBoxOutlined style={{ ...style }} /> : null}
      {'MehOutlined' === type ? <MehOutlined style={{ ...style }} /> : null}
      {'MenuOutlined' === type ? <MenuOutlined style={{ ...style }} /> : null}
      {'MergeCellsOutlined' === type ? <MergeCellsOutlined style={{ ...style }} /> : null}
      {'MessageOutlined' === type ? <MessageOutlined style={{ ...style }} /> : null}
      {'MobileOutlined' === type ? <MobileOutlined style={{ ...style }} /> : null}
      {'MoneyCollectOutlined' === type ? <MoneyCollectOutlined style={{ ...style }} /> : null}
      {'MonitorOutlined' === type ? <MonitorOutlined style={{ ...style }} /> : null}
      {'MoreOutlined' === type ? <MoreOutlined style={{ ...style }} /> : null}
      {'NodeCollapseOutlined' === type ? <NodeCollapseOutlined style={{ ...style }} /> : null}
      {'NodeExpandOutlined' === type ? <NodeExpandOutlined style={{ ...style }} /> : null}
      {'NodeIndexOutlined' === type ? <NodeIndexOutlined style={{ ...style }} /> : null}
      {'NotificationOutlined' === type ? <NotificationOutlined style={{ ...style }} /> : null}
      {'NumberOutlined' === type ? <NumberOutlined style={{ ...style }} /> : null}
      {'OneToOneOutlined' === type ? <OneToOneOutlined style={{ ...style }} /> : null}
      {'PaperClipOutlined' === type ? <PaperClipOutlined style={{ ...style }} /> : null}
      {'PartitionOutlined' === type ? <PartitionOutlined style={{ ...style }} /> : null}
      {'PayCircleOutlined' === type ? <PayCircleOutlined style={{ ...style }} /> : null}
      {'PercentageOutlined' === type ? <PercentageOutlined style={{ ...style }} /> : null}
      {'PhoneOutlined' === type ? <PhoneOutlined style={{ ...style }} /> : null}
      {'PictureOutlined' === type ? <PictureOutlined style={{ ...style }} /> : null}
      {'PlaySquareOutlined' === type ? <PlaySquareOutlined style={{ ...style }} /> : null}
      {'PoundCircleOutlined' === type ? <PoundCircleOutlined style={{ ...style }} /> : null}
      {'PoundOutlined' === type ? <PoundOutlined style={{ ...style }} /> : null}
      {'PoweroffOutlined' === type ? <PoweroffOutlined style={{ ...style }} /> : null}
      {'PrinterOutlined' === type ? <PrinterOutlined style={{ ...style }} /> : null}
      {'ProfileOutlined' === type ? <ProfileOutlined style={{ ...style }} /> : null}
      {'ProjectOutlined' === type ? <ProjectOutlined style={{ ...style }} /> : null}
      {'PropertySafetyOutlined' === type ? <PropertySafetyOutlined style={{ ...style }} /> : null}
      {'PullRequestOutlined' === type ? <PullRequestOutlined style={{ ...style }} /> : null}
      {'PushpinOutlined' === type ? <PushpinOutlined style={{ ...style }} /> : null}
      {'QrcodeOutlined' === type ? <QrcodeOutlined style={{ ...style }} /> : null}
      {'ReadOutlined' === type ? <ReadOutlined style={{ ...style }} /> : null}
      {'ReconciliationOutlined' === type ? <ReconciliationOutlined style={{ ...style }} /> : null}
      {'RedEnvelopeOutlined' === type ? <RedEnvelopeOutlined style={{ ...style }} /> : null}
      {'ReloadOutlined' === type ? <ReloadOutlined style={{ ...style }} /> : null}
      {'RestOutlined' === type ? <RestOutlined style={{ ...style }} /> : null}
      {'RobotOutlined' === type ? <RobotOutlined style={{ ...style }} /> : null}
      {'RocketOutlined' === type ? <RocketOutlined style={{ ...style }} /> : null}
      {'RotateLeftOutlined' === type ? <RotateLeftOutlined style={{ ...style }} /> : null}
      {'RotateRightOutlined' === type ? <RotateRightOutlined style={{ ...style }} /> : null}
      {'SafetyCertificateOutlined' === type ? (
        <SafetyCertificateOutlined style={{ ...style }} />
      ) : null}
      {'SafetyOutlined' === type ? <SafetyOutlined style={{ ...style }} /> : null}
      {'SaveOutlined' === type ? <SaveOutlined style={{ ...style }} /> : null}
      {'ScanOutlined' === type ? <ScanOutlined style={{ ...style }} /> : null}
      {'ScheduleOutlined' === type ? <ScheduleOutlined style={{ ...style }} /> : null}
      {'SearchOutlined' === type ? <SearchOutlined style={{ ...style }} /> : null}
      {'SecurityScanOutlined' === type ? <SecurityScanOutlined style={{ ...style }} /> : null}
      {'SelectOutlined' === type ? <SelectOutlined style={{ ...style }} /> : null}
      {'SendOutlined' === type ? <SendOutlined style={{ ...style }} /> : null}
      {'SettingOutlined' === type ? <SettingOutlined style={{ ...style }} /> : null}
      {'ShakeOutlined' === type ? <ShakeOutlined style={{ ...style }} /> : null}
      {'ShareAltOutlined' === type ? <ShareAltOutlined style={{ ...style }} /> : null}
      {'ShopOutlined' === type ? <ShopOutlined style={{ ...style }} /> : null}
      {'ShoppingCartOutlined' === type ? <ShoppingCartOutlined style={{ ...style }} /> : null}
      {'ShoppingOutlined' === type ? <ShoppingOutlined style={{ ...style }} /> : null}
      {'SisternodeOutlined' === type ? <SisternodeOutlined style={{ ...style }} /> : null}
      {'SkinOutlined' === type ? <SkinOutlined style={{ ...style }} /> : null}
      {'SmileOutlined' === type ? <SmileOutlined style={{ ...style }} /> : null}
      {'SolutionOutlined' === type ? <SolutionOutlined style={{ ...style }} /> : null}
      {'SoundOutlined' === type ? <SoundOutlined style={{ ...style }} /> : null}
      {'SplitCellsOutlined' === type ? <SplitCellsOutlined style={{ ...style }} /> : null}
      {'StarOutlined' === type ? <StarOutlined style={{ ...style }} /> : null}
      {'SubnodeOutlined' === type ? <SubnodeOutlined style={{ ...style }} /> : null}
      {'SwitcherOutlined' === type ? <SwitcherOutlined style={{ ...style }} /> : null}
      {'SyncOutlined' === type ? <SyncOutlined style={{ ...style }} /> : null}
      {'TableOutlined' === type ? <TableOutlined style={{ ...style }} /> : null}
      {'TabletOutlined' === type ? <TabletOutlined style={{ ...style }} /> : null}
      {'TagOutlined' === type ? <TagOutlined style={{ ...style }} /> : null}
      {'TagsOutlined' === type ? <TagsOutlined style={{ ...style }} /> : null}
      {'TeamOutlined' === type ? <TeamOutlined style={{ ...style }} /> : null}
      {'ThunderboltOutlined' === type ? <ThunderboltOutlined style={{ ...style }} /> : null}
      {'ToTopOutlined' === type ? <ToTopOutlined style={{ ...style }} /> : null}
      {'ToolOutlined' === type ? <ToolOutlined style={{ ...style }} /> : null}
      {'TrademarkCircleOutlined' === type ? <TrademarkCircleOutlined style={{ ...style }} /> : null}
      {'TrademarkOutlined' === type ? <TrademarkOutlined style={{ ...style }} /> : null}
      {'TransactionOutlined' === type ? <TransactionOutlined style={{ ...style }} /> : null}
      {'TranslationOutlined' === type ? <TranslationOutlined style={{ ...style }} /> : null}
      {'TrophyOutlined' === type ? <TrophyOutlined style={{ ...style }} /> : null}
      {'UngroupOutlined' === type ? <UngroupOutlined style={{ ...style }} /> : null}
      {'UnlockOutlined' === type ? <UnlockOutlined style={{ ...style }} /> : null}
      {'UploadOutlined' === type ? <UploadOutlined style={{ ...style }} /> : null}
      {'UsbOutlined' === type ? <UsbOutlined style={{ ...style }} /> : null}
      {'UserAddOutlined' === type ? <UserAddOutlined style={{ ...style }} /> : null}
      {'UserDeleteOutlined' === type ? <UserDeleteOutlined style={{ ...style }} /> : null}
      {'UserOutlined' === type ? <UserOutlined style={{ ...style }} /> : null}
      {'UserSwitchOutlined' === type ? <UserSwitchOutlined style={{ ...style }} /> : null}
      {'UsergroupAddOutlined' === type ? <UsergroupAddOutlined style={{ ...style }} /> : null}
      {'UsergroupDeleteOutlined' === type ? <UsergroupDeleteOutlined style={{ ...style }} /> : null}
      {'VerifiedOutlined' === type ? <VerifiedOutlined style={{ ...style }} /> : null}
      {'VideoCameraAddOutlined' === type ? <VideoCameraAddOutlined style={{ ...style }} /> : null}
      {'VideoCameraOutlined' === type ? <VideoCameraOutlined style={{ ...style }} /> : null}
      {'WalletOutlined' === type ? <WalletOutlined style={{ ...style }} /> : null}
      {'WhatsAppOutlined' === type ? <WhatsAppOutlined style={{ ...style }} /> : null}
      {'WifiOutlined' === type ? <WifiOutlined style={{ ...style }} /> : null}
      {'WomanOutlined' === type ? <WomanOutlined style={{ ...style }} /> : null}
    </>
  );
};

export default SysIcon;
